iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0

甚麼是元素

舉個例子來說,上一篇的table、th、td、tr都是元素
以下我會介紹幾個常用的元素

1.link

<link>

通常用於建立文檔與外部資源的關聯
例如引入CSS
https://ithelp.ithome.com.tw/upload/images/20230918/201612239LyptAHfW3.png

2.a

<a>

用來創建超連結到指定網頁

3.ul ol li

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

<ol>
    <li></li>
    <li></li>
    <li></li>
</ol>

這三個一起介紹的原因是它們都是作用於列表的
ul和ol都是創建列表
兩個的差別是有序和無序
ul為無序,ol為有序
而li是列表內容
https://ithelp.ithome.com.tw/upload/images/20230918/20161223tYQLILvS7c.png

4.table tr td th

這個是上一篇介紹過的
是用來做表格的
table是創建表格
tr行的格子
td列的格子
th為標題表格

5.form input textarea select option button

form為創建表單
input讓表單有輸入功能
textarea可以讓你輸入很多行(按enter之後可以換行)
select創建下拉選單
option選單的內容
button就是...按鈕

img audio video iframe

img 插入圖片
audio 插入音頻
video和iframe都是嵌入視頻
差別在於video可以使用本地的文件
而iframe只能嵌入其他網頁的內容

總之,HTML元素是構建網頁的基礎,我們介紹了一些常用的元素,它們為我們創建多種類型的網頁提供了可能性。不過,HTML中的元素遠不止這些,還有更多等著去發掘和運用。那麼在下一篇我將會介紹何謂屬性,敬請期待。


上一篇
DAY3開始第一個網頁
下一篇
DAY5屬性
系列文
網頁設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言